<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>OData Validator</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link type="text/css" href="Styles/Site.css" rel="stylesheet" />
    <script src="Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.tmpl.min.js" type="text/javascript"></script>
    <script src="Scripts/datajs-0.0.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="Scripts/tab.js"></script>
    <script type="text/javascript" src="Scripts/validation-helper.js"></script>
</head>
<body>
    <script id="jobStatusInfoTmpl" type="text/x-jQuery-tmpl">
        <div><p id='jobType' class='cont'>{{html resourceType}}</p>&nbsp;&nbsp;<p id='status' class='cont'>${status}</p>&nbsp;&nbsp;<p id='issueCount' class='cont'/></div>
    </script>
    
    <script id="simpleStatusInfoTmpl" type="text/x-jQuery-tmpl">
        <div><p id='status' class='cont'>${status}</p></div>
    </script>

    <script id="resultTemplate" type="text/x-jQuery-tmpl">
    <div>
        <a name="${anchor}" />
        <div class="resultbody">
            <div id='summary' class='summary'>
                <h2 id='type' class="subtitle">${ToTypeDesc(ResourceType)}: </h2>
                <h3 id='uri' class="subtitle">${Uri}</h3>
                <div id='id' style="display: none">${Id}</div>
            </div>
            <div id='informational'></div>
            <div id="completionMessage" />
            <div class="results">
                <img class="resultsIcon" src="Images/arrow_down.gif" alt="Result arrow"/>
                <h3 class="subtitle">Results</h3>
                <h3 id="resultsCount" class="subtitle"></h3>
                <div id="resultsView">
                    <div>
                        <ul id="display" class="resultsList">
                        </ul>
                    </div>
                </div>
            </div>
            <div class='sources'>
                <img class="sourceIcon" src="Images/arrow_down.gif"/>
                <h3 class="subtitle">Source</h3>
                <div>
                    <ul id='display'>
                    </ul>
                </div>
            </div>
            <div class='separator' />
        </div>
    </div>
    </script>

    <div id="wrapper">
        <div id="topBar">
        </div>
        <div id="header">
            <div id="version">
                Alpha Release - v0.1</div>
            <div id="navigation">
                <ul class="menu">
                    <li>Home | </li>
                    <li><a href="about.htm">About</a> |</li>
                    <li><a href="roadmap.htm">Roadmap</a> |</li>
                    <li><a href="feedback.htm">Feedback</a></li>
                </ul>
            </div>
        </div>
        <div id="infotop">
            <div id="logo">
                <img src="Images/ODataLogo.png" alt="logo" />
            </div>
            <div id="tabs_container">
                <ul class="tabs">
                    <li class="active"><a href="#" rel="#tab_1_contents" class="tab">By Uri</a> </li>
                    <li><a href="#" rel="#tab_2_contents" class="tab">By Direct Input</a></li>
                </ul>
                <div class="tab_contents_container">
                    <div id="tab_1_contents" class="tab_contents tab_contents_active">
                        <div id="live_input">
                            <input id="odataUri" type="text" onblur="if (this.value == '') { this.value = this.defaultValue; }"
                                onfocus="if (this.value == this.defaultValue) { this.value = ''; }" value="enter a url to an OData endpoint" />
                            <button id="liveValidateButton">
                                Validate</button>
                            <br />
                            <div id="format">
                                <input id="atompub" checked="checked" type="radio" name="formatGroup" value="atompub" />
                                <label for="atompub">
                                    AtomPub/XML</label>
                                <input id="json" type="radio" name="formatGroup" value="json" />
                                <label for="json">
                                    JSON</label>
                            </div>
                            <div id="scope" title="It validates by crawling from service document to metadata document, then the first feed, and then the first entry.">
                                <input id="crawling" type="checkbox" value="tocrawl" />
                                <label for="crawling" >
                                    Crawling</label>
                            </div>
                            <div id="versioning" title="It validates OData service endpoints of version 3.0.">
                                <input id="v3Compliance" type="checkbox" value="v3compliance" />
                                <label for="v3Compliance" >OData v3.0 service endpoint</label>
                            </div>
                        </div>
                    </div>
                    <div id="tab_2_contents" class="tab_contents">
                        <div id="offline_input">
                            Payload input:
                            <br />
                            <textarea id="payload_text" rows="6" wrap="off" style="overflow: auto" onblur="if (this.value == '') { this.value = validatorConf.payload_text_help; }"
                                onfocus="if (this.value == validatorConf.payload_text_help) { this.value =''; }">paste here the response payload in atompub/xml or json format in full</textarea>
                            <br />
                            <div class="separator">
                            </div>
                            OData version of payload input: <br />
                            <div id='versioning'>
                            <input type="radio" name="odataversion" value="1.0" />v1
                            <input type="radio" name="odataversion" value="2.0" />v2
                            <input type="radio" name="odataversion" value="3.0" />v3
                            <input type="radio" name="odataversion" value="*" />Don't Know
                            </div>
                            <div class="separator">
                            </div>
                            <div>
                                <img id="meta_icon" src="Images/arrow_right.gif" alt="Meta arrow" />
                                <a id="metadata_prompt">Metadata document(optional)</a>
                                <br />
                                <div id="display" style="display: none">
                                    <textarea id="meta_text" rows="6" wrap="off" style="overflow: auto" onblur="if (this.value == '') { this.value = validatorConf.meta_text_help; }"
                                        onfocus="if (this.value == validatorConf.meta_text_help) { this.value =''; }">paste here the metadata document content in xml format in full if you have one</textarea>
                                </div>
                            </div>
                        </div>
                        <button id="offlineValidateButton">
                            Validate</button>
                    </div>
                </div>
            </div>
            <div id="statusInfo">
            </div>
        </div>
        <div id="infobody">
        </div>
    </div>
    <!-- START OF SmartSource Data Collector TAG -->
    <!-- Copyright (c) 1996-2009 WebTrends Inc.  All rights reserved. -->
    <!-- Version: MS.3.2.1 -->
    <script src="scripts/wt.js" type="text/javascript"></script>
    <!-- ----------------------------------------------------------------------------------- -->
    <!-- Warning: The two script blocks below must remain inline. Moving them to an external -->
    <!-- JavaScript include file can cause serious problems with cross-domain tracking.      -->
    <!-- ----------------------------------------------------------------------------------- -->
    <script type="text/javascript">
//<![CDATA[
        var _tag = new WebTrends();
        _tag.dcsid = "dcsc97avu10000kn75ujgpso2_7j5n";
        _tag.fpcdom = ".odata.org";
        _tag.dcsGetId();
        _tag.trackevents = true;
        //]]>>
    </script>
    <script type="text/javascript">
//<![CDATA[
        // Add custom parameters here.
        //_tag.DCSext.param_name=param_value;
        _tag.dcsCollect();
        //]]>>
    </script>
</body>
<noscript>
    <div>
        <img alt="DCSIMG" id="DCSIMG" width="1" height="1" src="http://m.webtrends.com/dcsc97avu10000kn75ujgpso2_7j5n/njs.gif?dcsuri=/nojavascript&amp;WT.js=No&amp;WT.tv=MS.3.0.0" /></div>
</noscript>
<!-- END OF SmartSource Data Collector TAG -->
</html>
